 /* for 1920 px width screen */
@media only screen and (max-width: 1920px) {
	html,
   body {
		font-size: 30px;
	}
}

 /* for 1440 px width screen */
@media only screen and (max-width: 1440px) {
	html,
   body {
		font-size: 30px;
	}
}



@media only screen and (max-width: 1242px) {
	html,
   body {
		font-size: 30px;
	}
}
  /* for 1242 px width screen */
@media only screen and (max-width: 1080px) {
	html,
   body {
		font-size: 30px;
	}
}
 /* for 1080 px width screen */
@media only screen and (max-width: 960px) {
	html,
   body {
		font-size: 30px;
	}
}
 /* for 720 px width screen */
@media only screen and (max-width: 720px) {
	html,
   body {
		font-size: 22.5px;
	}
}
 /* for 640 px width screen */
@media only screen and (max-width: 640px) {
	html,
   body {
		font-size: 20px;
	}
}
 /* for 540 px width screen */
@media only screen and (max-width: 540px) {
	html,
   body {
		font-size: 16.875px;
	}
}
 /* for 480 px width screen */
@media only screen and (max-width: 480px) {
	html,
   body {
		font-size: 15px;
	}
}
 /* for 414 px width screen  iphone6+ */
@media only screen and (max-width: 414px) {
	html,
   body {
		font-size: 13px;
	}
}
 /* for 400 px width screen */
@media only screen and (max-width: 400px) {
	html,
   body {
		font-size: 12.5px;
	}
}
 /* for 360 px width screen */
@media only screen and (max-width: 360px) {
	html,
   body {
		font-size: 11.25px;
	}
}
 /* for 320 px width screen */
@media only screen and (max-width: 320px) {
	html,
   body {
		font-size: 10px;
	}
}
@font-face{
	font-family:pingfang;
	src:url(../font/PingFang Medium.ttf);
}
/*重置属性*/
div,nav,body,html,section,header,footer,ul,li,h1,h2,h3,h4,h5,h6,span,img,a,i,p,input,button,textarea {
	padding: 0px;
	margin: 0px;

}
html,body,div{
	padding:0px;
	margin:0px;
	font-family:"pingfang";
	#background-color:#f5f6fa;
}

header,footer,article,nav,section,figure{
	display:block;
	margin:0px;
	padding:0px;
}
@keyframes contentaanim{
	from{margin-top:10px;opacity:0;}
	to{margin-top:20px;opacity:1;}
}
@-moz-keyframes contentaanim{
	from{margin-top:10px;opacity:0;}
	to{margin-top:20px;opacity:1;}
}
@-webkit-keyframes contentaanim{
	from{margin-top:10px;opacity:0;}
	to{margin-top:20px;opacity:1;}
}
@-o-keyframes contentaanim{
	from{margin-top:10px;opacity:0;}
	to{margin-top:20px;opacity:1;}
}
@keyframes headeranim{
	from{top:-50px;opacity:0;}
	to{top:0px;opacity:1;}
}
@-moz-keyframes headeranim{
	from{top:-50px;opacity:0;}
	to{top:0px;opacity:1;}
}
@-webkit-keyframes headeranim{
	from{top:-50px;opacity:0;}
	to{top:0px;opacity:1;}
}
@-o-keyframes headeranim{
	from{top:-50px;opacity:0;}
	to{top:0px;opacity:1;}
}
@keyframes searchanim{
	from{left:-36%;opacity:0;}
	to{left:10%;opacity:1;}
}
@-moz-keyframes searchanim{
	from{left:-36%;opacity:0;}
	to{left:10%;opacity:1;}
}
@-webkit-keyframes searchanim{
	from{left:-36%;opacity:0;}
	to{left:10%;opacity:1;}
}
@-o-keyframes searchanim{
	from{left:-36%;opacity:0;}
	to{left:10%;opacity:1;}
}
@keyframes banner{
    0% {opacity:.3;}
	20%{opacity:1;}
	80%{opacity:1;}
	100%{opacity:.3;}
}
@-moz-keyframes banner{
	 0% {opacity:.3;}
	20%{opacity:1;}
	80%{opacity:1;}
	100%{opacity:.3;}
}
@-webkit-keyframes banner{
	 0% {opacity:.3;}
	20%{opacity:1;}
	80%{opacity:1;}
	100%{opacity:.3;}
}
@-o-keyframes banner{
	 0% {opacity:.3;}
	20%{opacity:1;}
	80%{opacity:1;}
	100%{opacity:.3;}
}
@keyframes entrustfindhousebanner{
    from{opacity:0;margin-top:-281.34px;}
    to{opacity:1;margin-top:81.34px;}
}
@-moz-keyframes entrustfindhousebanner{
   from{opacity:0;margin-top:-281.34px;}
    to{opacity:1;margin-top:81.34px;}
}
@-webkit-keyframes entrustfindhousebanner{
   from{opacity:0;margin-top:-281.34px;}
    to{opacity:1;margin-top:81.34px;}
}
@-o-keyframes entrustfindhousebanner{
   from{opacity:0;margin-top:-281.34px;}
    to{opacity:1;margin-top:81.34px;}
}
@keyframes entrustfindhouseform{
    from{opacity:0;margin-top:400px;}
    to{opacity:1;margin-top:-267px;}
}
@-moz-keyframes entrustfindhouseform{
     from{opacity:0;margin-top:400px;}
    to{opacity:1;margin-top:-267px;}
}
@-webkit-keyframes entrustfindhouseform{
       from{opacity:0;margin-top:400px;}
    to{opacity:1;margin-top:-267px;}
}
@-o-keyframes entrustfindhouseform{
      from{opacity:0;margin-top:400px;}
    to{opacity:1;margin-top:-267px;}
}
header{
	position:fixed;
	z-index:2;
	top:0px;
	left:0px;
	width:100%;
	color:white;
	font-size:16px;
	color:white;
	white-space:nowrap;
    background-color:transparent;
    animation:headeranim 1s;
    -webkit-animation:headeranim 1s;
    -moz-animation:headeranim 1s;
    -o-animation:headeranim 1s;
}
header nav{
    width:80%;
	margin-left:10%;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}

header nav a{
	line-height:65px;
	display:inline-block;
	float:right;
	margin:0px 10px;
	letter-spacing:3px;
	text-decoration:none;
	color:inherit;
}
header a:link,
header a:hover,
header a:active,
header a:visited,{
  color:inherit;
}
header a span{
	position:relative;
	display:inline-block;
	line-height:65px;
	color:inherit;
}
header span::before{
	line-height:65px;
	position:absolute;
	top:0px;
	left:0px;
	white-space:nowrap;
	overflow:hidden;
	content:attr(data-hover);
	max-width:0px;
	color:#fc8947;
	transition:max-width .5s;

}
header span:hover::before,
header span:focus::before{
	max-width:100%;
}
header nav a:nth-of-type(1),header nav a:nth-of-type(2){
	float:left;

}
header nav a:nth-of-type(1) img{
	width:80px;	
	vertical-align:middle;
}
header nav a:nth-of-type(2){
 visibility:hidden;
}
header nav a:nth-of-type(2) input{
	width: 240px;
    color: black;
    border-radius: 5px;
    -webkit-appearance: none;
    border: none;
    border: 1px solid rgba(0,0,0,.1);
    display: inline-block;
    line-height: 36px;
    box-sizing: border-box;
    background: url(../img/kz_index_search.png) no-repeat right;
    background-size: 20px 20px;
    background-position-x: 96%;
    background-color: white;
    text-indent: 5px;
}
header nav a:nth-of-type(4){

   position:relative;

}
header nav a:nth-of-type(4):after{
   content:"|";
   display:block;
   color:inherit;
   position:absolute;
   right:-14px;
   top:0px;
}
header nav a img{
	width:24px;	
	vertical-align:middle;
}
footer{
	width:100%;
	position:relative;
	margin-top:80px;
}
footer .bacimg{
	width:100%;
}
footer article{
	display:block;
	width:80%;
	margin:0px auto;
	vertical-align:middle;
	position:absolute;
	top:20%;
	left:10%;
}
footer article section:nth-of-type(1){
	display:inline-block;
	width:49%;
	position:relative;
	
}
footer article section:nth-of-type(2){
	display:inline-block;
	width:49%;
	position:relative;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
	
}
footer article section:nth-of-type(1):after{
	position:absolute;
	content:"";
	right:0px;
	top:0px;
	display:inline-block;
    background-color:white;
	height:143px;
	width:1px;
}
footer article section:nth-of-type(1) h6{
	color:#e1e1e1;
	font-size:20px;
	letter-spacing:4px;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
	font-weight:600;
	line-height:30px;
	margin-bottom:30px;
}
footer article section:nth-of-type(2) h6{
	color:#e1e1e1;
	font-size:18px;
	letter-spacing:4px;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
	font-weight:400;
	line-height:30px;
	margin-left:30%;
}
footer article section:nth-of-type(1) nav{
	display:block;
	width:100%;
	color:#d1d1d1;
	font-size:15px;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
	margin-bottom:17px;

}
footer article section:nth-of-type(1) nav a{
	display:inline-block;
	color:#d1d1d1;
	font-size:15px;
	letter-spacing:2px;
	position:relative;
	padding-right:10px;
}
footer article section:nth-of-type(1) nav a:not(:first-child){
	padding-left:10px;
}
footer article section:nth-of-type(1) nav a:not(:last-child):after{
	content:"|";
	position:absolute;
	right:-2px;
    color:#d1d1d1;
	top:0px;
} 
footer article section:nth-of-type(1) p{
	font-size:14px;
	color:#b1b1b1;
	margin-bottom:5px;
}
footer article section:nth-of-type(1) p:nth-of-type(3){
	line-height:24px;
	color:transparent;
}
footer article section:nth-of-type(2) p:nth-of-type(1){
	font-size:16px;
	color:#b1b1b1;
	margin-bottom:0px;
	margin-left:30%;
}
footer article section:nth-of-type(2) p:nth-of-type(2){
	font-size:14px;
	color:#b1b1b1;
	margin-bottom:5px;
	margin-left:30%;
}
footer article section:nth-of-type(1) p img{
	vertical-align:middle;
	margin-right:4px;
}
footer article section:nth-of-type(2) img:nth-of-type(2){
	width:130px;
	margin-left:10px;
}
footer article section:nth-of-type(2) img:nth-of-type(1){
	margin-left:30%;
}
.inside_nav{
	position:fixed;
	right:3%;
	top:40%;
	z-index:10;
	width:50px;
	display:block;
	background-color:white;
	border:1px solid rgba(0,0,0,.2);
}
.inside_nav a{
	display:block;
	width:100%;
	text-align:center;
	border-bottom:1px solid rgba(0,0,0,.2);
}
.inside_nav a img{
	width:40%;
	vertical-align:middle;
}
